<%
    String datain = request.getContextPath() + "/image/hangman/|hint1*word1,hint2*word2,hint3*word3|hint1*quote1,hint2*quote2,hint3*quote3";
%>


<html>
	<head>
		<style>
		.alpha-butt{width: 40px;}
		.nq{width: 100px;}
		.tarea{font-weight: bold;}
		.tb1{border: 1px inset black;}
		</style>
		<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/protos/hangman.js"></script>	
	</head>
	<body>
		<form name="frm">
			<div style="padding-top:50px;">
				<table width=50% class=tb1 align=center>
					<tr>
						<td width=50></td>
						<td>
							<p><img src="<%=request.getContextPath()%>/image/hangman/hmstart3.gif" height="150" width="150" name="hm"></p>
						</td>
						<td>
							<table bgcolor=C0C0C0 border=1>
								<tr>
									<td rowspan=2 align=right>
										Score : <input type=text name="score" value="0" onfocus="score.blur();" size=2><br>
										Fails (10): <input type=text name="lives" value="0" onfocus="lives.blur();" size=2>
									</td>
								</tr>
							</table>
							<br>
							<table class=tb1>
								<tr>
									<td align=center bgcolor=C0C0C0>
										Select One
									</td>
								</tr>
						        <tr>
						            <td align=center>
						            <input type="radio" name="operation" value="word" CHECKED onchange="processOperation(this.form, '<%=datain%>')"> Word
						            <input type="radio" name="operation" value="quote"  onchange="processOperation(this.form, '<%=datain%>')"> Quote
						            </td>
						        </tr>
						        <tr>
						            <td align=center bgcolor=C0C0C0>
						                <hr>
						            </td>
						        </tr>        
								<tr> 
									<td align=center>
										<input type=button onclick="new_word(this.form, '<%=datain%>');" value="New" class=nq>   
										<input type=button name=res onclick="restart(this.form, '<%=datain%>');" value="Restart" disabled="true" class=nq>
									</td>
								</tr>
							</table>
						</td>
						</tr>
						<tr align=right>
							<td colspan=3>
								<div>
									<a style="font-size:10px; text-decoration:none;" href="#">H</a>
								</div>
							</td>
						</tr>
					</table>
					<br>
  
					<table bgcolor=#C0C0C0 border=1 align=center>
						<tr>
							<td align="left">
								Hint: <span id="hint"></span>
							</td>
						</tr>					
						<tr>
							<td align=center>
								<textarea rows="1" cols="81" name="word" onfocus="word.blur();" class=tarea>
								    --- Hangman ---  Click 'New' to start</textarea><br>
								Fails (10): <input type=text name="tried" value="" onfocus="tried.blur();" size=25>&nbsp;&nbsp;
								Correct Tries: <input type=text name="correct" value="" onfocus="tried.blur();" size=30>
							</td>
						</tr>
					</table>
					<br>

					<table bgcolor=#C0C0C0 border=1 align=center>
						<tr>
							<td><input type=button id='A' value=" A "  onclick="seek('A','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='B' value=" B "  onclick="seek('B','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='C' value=" C "  onclick="seek('C','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='D' value=" D "  onclick="seek('D','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='E' value=" E "  onclick="seek('E','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='F' value=" F "  onclick="seek('F','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='G' value=" G "  onclick="seek('G','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='H' value=" H "  onclick="seek('H','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='I' value=" I "  onclick="seek('I','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='J' value=" J "  onclick="seek('J','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='K' value=" K "  onclick="seek('K','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='L' value=" L "  onclick="seek('L','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='M' value=" M "  onclick="seek('M','<%=datain%>');" class=alpha-butt></td>
						</tr>
						<tr>
							<td><input type=button id='N' value=" N "  onclick="seek('N','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='O' value=" O "  onclick="seek('O','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='P' value=" P "  onclick="seek('P','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='Q' value=" Q "  onclick="seek('Q','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='R' value=" R "  onclick="seek('R','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='S' value=" S "  onclick="seek('S','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='T' value=" T "  onclick="seek('T','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='U' value=" U "  onclick="seek('U','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='V' value=" V "  onclick="seek('V','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='W' value=" W "  onclick="seek('W','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='X' value=" X "  onclick="seek('X','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='Y' value=" Y "  onclick="seek('Y','<%=datain%>');" class=alpha-butt></td>
							<td><input type=button id='Z' value=" Z "  onclick="seek('Z','<%=datain%>');" class=alpha-butt></td>
						</tr>
					</table>
				</div>
			</form>
		</body>
</html>

